$bg:rgb(250,250,250);
$c1:SkyBlue;
$c2:#333;
$c3:#666;
$s1:18px;

@mixin mx1 {
  margin: 0;
  padding: 20px;
}

body {
  background-color: $bg;
  @include mx1;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

div.container{
  width: 95%;
  margin: auto;
    > header > nav{
      // background-color: #eee;
      height: 50px;
      display: flex;
      justify-content: space-between;
      div > a,a:link,a:visited{
        color:black;
        text-decoration: none;
        display: inline-block;
        line-height: 50px;
        padding: 0 10px;
        font-size: $s1;
      }
      a.webName{
        color: SkyBlue;
        font-size: 33px;
        font-weight: bold;
      }
      a:hover{
        font-weight: bolder;
      }
      a.login_nav,a.register_nav{
        align-self: stretch;
      }
    }

    > div.article{
      > a.createArticle{
          text-decoration: none;
          color: SkyBlue;
          border-radius: 15px;
          background: SkyBlue;
          padding: 5px;
          color: #ffffff;
          outline: none;
      }
      > a.createArticle:hover{
          text-decoration:underline;
      }
    }

    .menu_content{
      display: none;
       a{
          text-decoration: none;
          border-radius: 15px;
          background: SkyBlue;
          padding: 5px;
          color: #ffffff;
          outline: none;
      }
       a:hover{
          text-decoration:underline;
      }
      a.title{
            color: SkyBlue;
            background: #fff;
      }
    }
    .selectdiv{
      display: block;
    }
  }
